<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米有品</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2877570_unxmkv3i44r.css">
    <link rel="stylesheet" href="../../node_modules/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/index.css">
    
</head>
<body>
    <!-- 顶部黑色栏 高96px-->
    <div class="header">
        <div class="m-login wraper1080">
            <div class="m-no-login">
                <a href="./passwordLogin.html" class="login-left">登录</a>
                <a href="#" class="login-right">注册</a>
                <span class="m-line">|</span>
            </div>
            
            <div class="m-help">
                <a href="https://m.xiaomiyoupin.com/help" class="m-safe-anchor">帮助中心</a>
                <span class="m-line">|</span>
            </div>
           
            <div class="m-download">
                <a href="https://www.xiaomiyoupin.com/download">
                    <span></span> 下载APP
                </a>
                <span class="m-line">|</span>
            </div>
            
            <!-- clauses 条款 -->
            <div class="m-clauses">
                <p>资质证照/协议规则
                    <span class="border">
                    </span>
                </p>
            </div>
        </div>
        


    </div>
    <!-- 版心 宽1080px  -->
    <div class="list wraper1080">

        <div class="top">
            <div class="t-left"><img src="https://www.xiaomiyoupin.com/static3/media/logo@2x.30cd8c00.png" alt=""></div>
            <div class="t-info">
                <a href="#">有品秒杀</a>
                <span><a href="#">企业采购</a></span>
            </div>
            <div class="t-right">
                <span class="iconfont icon-sousuoxiao"><input  type="text" placeholder="纯正山茶油"></span>
                <span class="iconfont icon-gouwuchekong"></span>
            </div>
        </div>

        <div class="foot">
            <div class="m-list">
                <ul>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                    <li>
                        <span>有品推荐</span>
                        <span>/</span>
                        <span>手机数码</span>
                    </li>
                </ul>
            </div>

            <div class="swiper">
                <div class="swiper-wrapper">
                    <!-- 插入轮播图 1,2,3 -->
                    <div class="swiper-slide"><img src="https://res.youpin.mi-img.com/youpinoper/8be28b50_48d5_4034_aa98_6981562b0abc.png" alt=""></div>
                    <div class="swiper-slide"> <img src="	https://res.youpin.mi-img.com/youpinoper/26ac1eb8_1b92_4d36_aff9_c6f6b50b3d82.png" alt=""></div>
                    <div class="swiper-slide"> <img src="	https://res.youpin.mi-img.com/youpinoper/7c998a23_c495_45e5_82ef_5505e14ac77a.png" alt=""> alt=""></div>
                    <div class="swiper-slide"> <img src="	https://res.youpin.mi-img.com/youpinoper/c2be5ce1_4af8_4955_be5f_77dc77f14728.png" alt=""></div>
                    <div class="swiper-slide"><img src="	https://res.youpin.mi-img.com/youpinoper/18d2d737_bdee_415e_b320_cd126a778001.jpeg" alt=""></div>
                    <div class="swiper-slide"> <img src="https://res.youpin.mi-img.com/youpinoper/30ea86eb_7c3e_4eca_b977_9425a773c7c4.png" alt=""></div>
                    <div class="swiper-slide"> <img src="	https://res.youpin.mi-img.com/youpinoper/cc62b90f_c5dc_4227_90f4_b5533e53fda1.png" alt=""></div>
                    <div class="swiper-slide"> <img src="	https://res.youpin.mi-img.com/youpinoper/18d2d737_bdee_415e_b320_cd126a778001.jpeg" alt=""></div>
                </div>
                <!-- 需要分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>

        <div class="brand">
            <ul>
                <li>
                    <img src="../images/01.png" alt="">
                    <p>上新精选</p>
                </li>
                <li>
                    <img src="../images/02.png" alt="">
                    <p>小米众筹</p>
                </li>
                <li>
                    <img src="../images/03.png" alt="">
                    <p>有品秒杀</p>
                </li>
                <li>
                    <img src="../images/04.png" alt="">
                    <p>生活优选</p>
                </li>
                <li>
                    <img src="../images/05.png" alt="">
                    <p>小米自营</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="content wraper1080">
        <div class="young">
            <div>
                <h3>小米有品众筹</h3>
                <p>永远好奇 &nbsp; 永远年轻</p>
            </div>
            <div>
                <h3>有品秒杀</h3>
                <p><span class="iconfont icon-naozhong"></span></p>
            </div>
            <div>
                <h3>每日新品</h3>
                <p>每天10点 &nbsp; 惊喜不断</p>
            </div>
            <div>
                <h3>精选好物</h3>
            </div>
            <div>
                <h3>精选好物</h3>
            </div>
            <div>
                <h3>精选好物</h3>
            </div>
            <div>
                <h3>精选好物</h3>
            </div>
        </div>
    </div>


    <div class="fixed-Bar">
        <li class="service">
            <a class="iconfont icon-kefu" data-src href="#" ></a>
            <p class="text">联系客服</p>
            <div class="fixed-pop" style="display: none;">
                <p class="info-title">小米有品平台问题，建议反馈，商户和物流问题投诉等请拨打小米有品客服热线</p>
                <p class="info-phone">400-100-1199</p>
                <p class="info-day">(周一-至周日8: 00-22: 00)</p>
                <p class="info-des">小米/米家 自营品牌，手机电视智能硬件商品或订单发货/退款售后问题 请拨打小米自营客服热线</p>
                <p class="info-phone">400- 100-5678</p>
                <p class="info-day">(周一 :至周日8: 00-18: 00)</p>
            </div>
        </li>
        <li>
            <a class="iconfont icon-kefu" data-src href="#" ></a>
            <p class="text">联系客服</p>
        </li>
        <li>
            <a class="iconfont icon-kefu" data-src href="#" ></a>
            <p class="text">联系客服</p>
        </li>
        <li>
            <a class="iconfont icon-kefu" data-src href="#" ></a>
            <p class="text">联系客服</p>
        </li>
        <li class="gotop" style="border-bottom:none;">
            <a class="iconfont icon-huojian" data-src href="#" ></a>
            <p class="text">回到顶部</p>
        </li>
    </div>



    <div class="footer">
        <ul class="wraper1080">
            <div class="left"><img src="	https://www.xiaomiyoupin.com/static3/media/logo@2x.30cd8c00.png" alt=""></div>
            <div class="footer-content">
                <p>@xiaomiyoupin.com苏B2-20180351 苏ICP备18025642号-1 <a href="">苏公网安备 32010502010244号</a></p>
                <p>企业名称:有品信息科技有限公司 <a href="">关于我们</a> <a href="">入驻有品</a> <a href="">知识产权侵权投诉</a></p>
                <p><a href="">平台运营资质证照</a> <a href="">医疗器械网络交易服务第三方平台备案凭证</a></p>
                <p><a href="">小米有品平台运营主体变更公告</a></p>
                <p>南京市建邺区白龙江东街8号3栋9层</p>
            </div>
            <div class="right">
                <img src="https://www.xiaomiyoupin.com/static3/media/f-logo.76889756.png" alt="">
            </div>
        </ul>
    </div>
    <script src="../js/index-fixed-pop.js"></script>
    <script src="../../node_modules/swiper/swiper-bundle.min.js"></script>
    <script src="../js/m-swiper.js"></script>
</body>
</html>



